<template>
      <div>  
	      <div class="nav-line flex">   
		   <span class="nav flex"> <van-icon name="home-o" />  首页  </span>
		   <span class="nav flex hot"> <van-icon name="fire-o" color="#ee0a24"/> 热点 </span>
		   <span class="nav flex ">  <van-icon name="user-circle-o" />会员 </span> 
		  </div> 
		  <van-image src="https://img01.yzcdn.cn/vant/cat.jpeg" />
		  
		  <div class="tool-line between">
			<span>108万次观看</span> 
			<span>
				<van-icon name="like-o" class="tool" />
				<van-icon name="star-o" class="tool" />
				<van-icon name="chat-o" class="tool" />
			</span>
		   
		  </div> 
		  
		  
		  <div class="tab-line"> 
		  <van-tabs v-model="activeName">
		    <van-tab title="介绍" name="a">内容 1</van-tab>
		    <van-tab title="排行" name="b">内容 2</van-tab> 
		  </van-tabs>
		  </div> 
		  <van-tabs color="rgb(25, 137, 250)">
		    <van-tab title="详情" name="a"></van-tab> 
		  </van-tabs>
		  <div v-html="detail">   </div> 
		  
		  
	  </div> 
   
</template>
<style scoped>
 .nav-line{  justify-content: flex-end; color:rgb(25, 137, 250);}
 .hot{ color:#ee0a24;}
 .nav{ margin:5px }
 
 .tool{ margin:0 10px}
 .tab-line{ width:100px}
</style>
<script>


export default { 
  props: {
    msg: String
  },
  data() {
    return {
      detail: ""
    }
  }
}
</script>
